<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>商家 | 菜品分类管理</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- FooTable -->
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
                             </span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="dashboard_2.html#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">wyb</strong>
                             </span> <span class="text-muted text-xs block">渠道管理员(商家) <b class="caret"></b></span> </span> </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a href="#">个人信息</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html">退出</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        IN+
                    </div>
                </li>

                <li class="active">
                    <a href="shop_index.html"><i class="fa fa-th-large"></i> <span class="nav-label">首页</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_order.html"><i class="fa fa-th-large"></i> <span class="nav-label">订单管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_table.html"><i class="fa fa-th-large"></i> <span class="nav-label">餐桌管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_food.html"><i class="fa fa-th-large"></i> <span class="nav-label">菜品管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_food_category.html"><i class="fa fa-th-large"></i> <span class="nav-label">菜品分类管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_waiter.html"><i class="fa fa-th-large"></i> <span class="nav-label">店员管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <!--<li class="">
                    <a href="shop_member.html"><i class="fa fa-th-large"></i> <span class="nav-label">会员管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_hongbao.html"><i class="fa fa-th-large"></i> <span class="nav-label">红包管理</span>
                        <span class="fa arrow"></span></a>
                </li>

                <li class="">
                    <a href="shop_cuxiao.html"><i class="fa fa-th-large"></i> <span class="nav-label">促销品管理</span>
                        <span class="fa arrow"></span></a>
                </li>


                <li class="">
                    <a href="shop_cuxiao.html"><i class="fa fa-th-large"></i> <span class="nav-label">支付管理</span>
                        <span class="fa arrow"></span></a>
                </li>
                -->

                <li class="">
                    <a href="shop_print.html"><i class="fa fa-th-large"></i> <span class="nav-label">打印机管理</span>
                        <span class="fa arrow"></span></a>
                </li>


                <li class="">
                    <a href="shop_sale.html"><i class="fa fa-th-large"></i> <span class="nav-label">营销管理</span>
                        <span class="fa arrow"></span></a>
                </li>


            </ul>

        </div>
    </nav>

        <div id="page-wrapper" class="gray-bg">

        <div class="row border-bottom">
            <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="shop_index.html#"><i class="fa fa-bars"></i> </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">渠道管理后台.</span>
                    </li>

                    <li>
                        <a href="shop_index.html">
                            <i class="fa fa-sign-out"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>

            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>菜品分类管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a>菜品分类管理</a>
                        </li>
                        <li class="active">
                            <strong>菜品分类管理</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>
        <div class="wrapper wrapper-content animated fadeInRight">

            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>菜品分类信息</h5>

                            <div class="ibox-tools">
                                <a href="#modal-form-add" class="btn btn-xs btn-primary" data-toggle="modal">添加新分类</a>
                            </div>
                        </div>
                        <div class="ibox-content">

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th style="width:40px;">
                                        ID
                                    </th>
                                    <th style="width:80px">显示顺序</th>
                                    <th style="width:200px;">分类名称</th>
                                    <th class="text-center" style="width:80px;">状态</th>
                                    <th class="text-center" style="width:200px;">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr data-toggle="popover" data-trigger="hover" data-placement="left" class="js-goods-img">
                                    <td>1</td>
                                    <td>
                                        42
                                    </td>
                                    <td>今日推荐</td>
                                    <td class="text-center">
                                        <!--<span class="label label-danger">隐藏</span>-->
                                        <span class="label label-success">显示</span>
                                    </td>
                                    <td class="text-center">
                                        <a href="#modal-form-edit" data-toggle="modal" class="btn btn-white btn-sm" title="修改"><i class="fa fa-edit"></i></a>
                                        <a href="#" class="btn btn-white btn-sm deleteCategory"  title="删除"><i class="fa fa-times"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

        </div>
        </div>

    <!-- 添加菜品分类 -->
    <div id="modal-form-add" class="modal inmodal fade" aria-hidden="true">
        <div class="modal-dialog ">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>添加菜品分类</h4>
                </div>
                <div class="modal-body">
                    <form action="" method="post" class="form-horizontal form" id="form">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">排序</label>
                            <div class="col-md-9">
                                <input type="text" name="sortid" class="form-control" value="42" />
                                <div class="help-block">数字越大，排名越靠前,如果为空，默认排序方式为创建时间</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">分类名称</label>
                            <div class="col-md-9">
                                <input type="text" name="classname" class="form-control" value="今日推荐" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">状态</label>
                            <div class="col-sm-9 col-xs-12">
                                <label class="radio-inline" style="padding-left: 20px;">
                                    <input type="radio" name="enabled" value="1"> 显示
                                </label>
                                <label class="radio-inline" style="padding-left: 20px;">
                                    <input type="radio" name="enabled" value="0"> 隐藏
                                </label>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">保存</button>
                </div>
            </div>
        </div>
    </div>


    <!-- 修改菜品分类 -->
    <div id="modal-form-edit" class="modal inmodal fade" aria-hidden="true">
        <div class="modal-dialog ">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>修改菜品分类信息</h4>
                </div>
                <div class="modal-body">
                    <form action="" method="post" class="form-horizontal form" id="form">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">排序</label>
                            <div class="col-md-9">
                                <input type="text" name="sortid" class="form-control" value="42" />
                                <div class="help-block">数字越大，排名越靠前,如果为空，默认排序方式为创建时间</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">分类名称</label>
                            <div class="col-md-9">
                                <input type="text" name="classname" class="form-control" value="今日推荐" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">状态</label>
                            <div class="col-sm-9 col-xs-12">
                                <label class="radio-inline" style="padding-left: 20px;">
                                    <input type="radio" name="enabled" value="1"> 显示
                                </label>
                                <label class="radio-inline" style="padding-left: 20px;">
                                    <input type="radio" name="enabled" value="0"> 隐藏
                                </label>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- FooTable -->
    <script src="js/plugins/footable/footable.all.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>

    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {

            $('.footable').footable();
            $('.footable2').footable();

        });

        $('.deleteCategory').click(function(){

            swal({
                title: "删除菜品分类?",
                text: "此操作不可恢复，确认删除？",
                type: "warning",
                cancelButtonText:"取消",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "确定!",
                closeOnConfirm: false
            }, function () {
                swal("删除成功", "删除成功.", "success");
            });
        });

    </script>

</body>

</html>
